@import 'public';
body{
    background:url(/images/lang_login_1.jpg) top center no-repeat;
}

/* 上边 */
#top{
    width: 1160px;
    height: 110px;
    margin: auto;
    #top_1{
        float: left;
        display: block;
        width: 154px;
        height: 110px;
    }
    a:nth-of-type(1) img{
         width: 100%;
         margin-top: 16px;
    }
   
   ul{
         float:right;
         height: 110px;
         line-height: 110px;
         a{
            font-size: 16px;
            color:#cdcdcd;
            margin-left: 40px;
        }
        a:hover{
            text-decoration: underline;
            color:#fff;
        }
    }
   
}
// 线
#top_2{
     width: 100%;
     height: 1px;
    background: #161618;
 }
// 标题
 p{
     font-size: 48px;
     color:#fff;
     text-align: center;
     margin-top: 66px;
 }

 /* 注册框 */
 #top_3{
     width: 602px;
     height: 618px;
     background: #fff;
     margin: 0 auto 100px;
     box-sizing:border-box;
     box-shadow: 0px 350px 50px 1px #dddddd;
     /* box-shadow:水平偏移量  垂直偏移量  模糊度 扩展半径 颜色值；
    注：扩展半径：值越大扩展半径越大，允许设置负值。 */
    border-radius: 25px;
    text-align: center;
    h1{
        font-size: 22px;
        color:#333;
        padding-top: 46px;
    }
   
    #inp_1{
        width: 480px;;
        height: 56px;
        background: #cce8cf;
        margin-top:28px;
        font-size: 18px;
        border-radius: 28px;
        text-indent: 20px;
    }
    #inp_2{
       width: 300px;;
       height: 56px;
       background: #cce8cf;
       margin-top:22px;
       font-size: 18px;
       border-radius: 28px;
       text-indent: 20px;
   }
   #a_1{
       display:inline-block;
       width: 160px;;
       height: 56px;
       line-height: 56px;
       background: #8fc31f;
       color:#fff;
       margin-top:22px;
       margin-left: 20px;
       font-size: 18px;
       border-radius: 28px;
    }
    #a_1:hover{
       background: #cc4a4a;
    }
   
    #inp_3{
       margin-top: 22px;
       font-size: 14px;
    }
    .a_2{
       color:#cc4a4a;
    }
    .a_2:hover{
       text-decoration: underline;
    }
    #a_3{
       display:inline-block;
       width: 240px;;
       height: 56px;
       line-height: 56px;
       background: #ea5d4e;
       color:#fff;
       margin-top:22px;
       font-size: 24px;
       border-radius: 28px;
    }
    #a_3:hover{
       background: red;
    }
    #a_4{
       display: block;
       font-size: 18px;
       color:#ea5d4e;
       margin-top:28px;
       margin-bottom:10px;
       font-weight: 900;
    }
    #a_4:hover{
       text-decoration: underline;
    }
    #top_3_1{
       color:#999;
       font-size: 16px;
    }
   
   ul{
       width: 286px;
       height: 48px;
       margin:30px auto;
       display: flex;
       justify-content: space-between;
       a{
            display: inline-block;
            width: 48px;
            height: 48px;
        }
        a:nth-of-type(1){
            background: url(/images/lang_login_3.png) 0px 0px no-repeat;
        }
        a:nth-of-type(2){
            background: url(/images/lang_login_3.png) -48px 0px no-repeat;
        }
        a:nth-of-type(3){
            background: url(/images/lang_login_3.png) -96px 0px no-repeat;
        }
   }
   #a_5{
       display: inline-block;
       font-size: 14px;
       color:#999;
   }
   #a_5:hover{
       text-decoration: underline;
       color:red;
   }
}

 